$(function() {
  var controller = $.superscrollorama({
    triggerAtCenter: false,
    playoutAnimations: true
  });

  controller.addTween('#about', 
      TweenMax.fromTo($('#about .left-cnt .img-liquid-fill'), 1, 
        {css:{opacity:0,left:"-100%"}},
        {css:{opacity:0.99,left:0}}
        ),
      -1);

  controller.addTween('#about', 
      TweenMax.fromTo($('#about .right-cnt .img-liquid-fill'), 1, 
        {css:{opacity:0,right:"-100%"}},
        {css:{opacity:0.99,right:0}}
        ),
      -1);

  controller.addTween('#lookbook', 
      TweenMax.fromTo($('.gallery-looper'), 1, 
        {css:{opacity:0,top:200}},
        {css:{opacity:0.99,top:0}}

        ),
      -1);

  controller.addTween('#news', 
      TweenMax.fromTo($('#news .left-cnt,#news .right-cnt'), 1, 
        {css:{opacity:0,top:200}},
        {css:{opacity:0.99,top:0}}

        ),
      -1);

  controller.addTween('#store', 
      TweenMax.fromTo($('.sel-outer'), 1, 
        {css:{opacity:0,top:200}},
        {css:{opacity:0.99,top:0}}

        ),
      -1);

  controller.addTween('#joinus', 
      TweenMax.fromTo($('.center'), 1, 
        {css:{opacity:0,top:500}},
        {css:{opacity:0.99,top:global.H/2 - ((537*global.W/3)/663)/2}}
        ),
      -1);


    controller.addTween('#vip', 
      TweenMax.fromTo($('.main'), 1, 
        {css:{opacity:0,top:'70%'}},
        {css:{opacity:0.99,top:'50%'}}
        ),
      -1);

    controller.addTween('#contact', 
      TweenMax.fromTo($('.contact-form'), 1, 
        {css:{opacity:0,top:200}},
        {css:{opacity:0.99,top:0}}
        ),
      -1);
});